<template>
  <div class="member-info-container">
    <Headbar />
    <MemberHeadMenu ideName="memberCenter"/>

    <div class="yh-layout-box member-info-box">
      <LeftNavbar/>
      <!-- <router-view /> -->
      <!-- <nuxt /> -->
      
      <nuxt-child></nuxt-child>
      <!-- <MainIndex /> -->
    </div>

    <Footbars/>
  </div>
</template>

<script>
import Headbar from '@/components/Layouts/Headbar'
import HeadMenu from '@/components/Layouts/HeadMenu'
import MemberHeadMenu from './components/MemberHeadMenu'
import Hungbar from '@/components/Layouts/Hungbar'
import Footbars from '@/components/Layouts/Footbars'
import LeftNavbar from './components/LeftNavbar'
import {getMemberInfo} from '@/api/member'
import MainIndex from './main/index'
export default {
  name: 'Blank',
  components: {
    Headbar,
    HeadMenu,
    Hungbar,
    Footbars,
    LeftNavbar,
    MemberHeadMenu,
    MainIndex,
  },
  data() {
    return {

    }
  },
  created() {
    console.log(this)
  },
  methods: {
    }  
}

</script>

<style lang="scss" scoped>

.member-info-box{
  overflow: hidden;
  zoom: 1;
  margin-top: 0px;
}


.leftNavbar{
  float: left;
  border: 1px solid #EBEEF5;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}
</style>

<style lang="scss">
.member-info-box .el-card .el-card__body{
  padding: 0;
}
.el-button--text {
    color: #888888;
  }
</style>
